.backInfo{background-size: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.tip-box{height: 35px; line-height: 35px; background-color: #f5f5f5;}
.tip-box a:hover{color: #d72727;}
.tip-box .phone{display: inline-block; padding-left: 23px; background-image: url("../images/phone.png"); background-position: left center; background-repeat: no-repeat; color: #c21c1c;}
.tip-box em{display: inline-block; color: #999; margin: 0 5px;}
.top-box .logo{position: absolute; display: inline-block; height: 96px; left: 0; top: 0; line-height: 96px;}
.top-box .logo img{vertical-align: middle;}
.top-box .lst-nav{float: right; width:860px;}
.top-box .lst-nav .lst-item{padding-top: 29px; float: left; width: 107px; height: 96px; position: relative;}
.top-box .lst-nav .lst-item > a{display: block; height: 31px; line-height: 31px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 16px; color: #666;}
.top-box .lst-nav .lst-item:hover > a,
.top-box .lst-nav .lst-item.active > a{background-color: #d72727; color: #fff;}
.top-box .lst-nav .lst-item .sec-box{display: none; position: absolute; z-index: 6; width: 100%; left: 0; top: 96px; background-color: rgba(194, 28, 28, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8c21c1c, 1c, endColorstr=#C8c21c1c, 1c); text-align: center; border-radius: 0 0 8px 8px;}
.top-box .lst-nav .lst-item .sec-box .sec-menu{padding: 7px 0;}
.top-box .lst-nav .lst-item .sec-box a{font-size: 16px; color: #fff; line-height: 32px;}
.top-box .lst-nav .lst-item .sec-box a:hover{color: #ccc;}
/*焦点图轮播*/
.banner-box{position: relative; overflow: hidden; height: 500px;}
.banner-box .m-slide{position: relative; width: 100%; height: 500px;}
.banner-box .m-slide .scroll-box{overflow: hidden; height: 500px; width: 100%;}
.banner-box .m-slide .scroll-box li{width: 100%; height: 500px; background-size: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner-box .m-slide .scroll-box li a{display: block; height: 500px;}
.m-title{text-align: center; border-bottom: 1px solid #999999; position: relative; min-width: 1200px;}
.m-title h4{font-size: 24px; color: #d72727; font-weight: bold; line-height: 34px; padding-top: 35px; margin-bottom: 5px;}
.m-title .toupper{display: block; font-size: 14px; color: #808080; letter-spacing: 2px; line-height: 24px; padding-bottom: 5px;}
.m-title:after{content: ''; display: block; width: 46px; height: 3px; margin: 0 auto; background-color: #dd2323; position: relative; bottom: -2px;}
.m-company{margin-bottom: 78px;}
.m-company .company-box{margin-top: 38px; position: relative; height: 473px; overflow: hidden;}
.m-company .company-box .com-pic{width: 678px; height: 319px; margin-top: 78px; float: left; position: relative; z-index: 2;}
.m-company .company-box .com-info{width: 487px; height: 474px; overflow: hidden; float: left; background-color: #f5f5f5; padding: 35px 40px 50px; position: relative; z-index: 2;}
.m-company .company-box .com-info .title{font-size: 24px; color: #333; font-weight: bold;}
.m-company .company-box .com-info .title:after{content: ''; display: block; width: 45px; height: 2px; background-color: #d72727; margin: 16px 0;}
.m-company .company-box .com-info .content{font-size: 14px; color: #666; text-indent: 28px; line-height: 30px; height: 270px; overflow: hidden;}
.m-company .company-box .com-info .more{display: inline-block; font-size: 14px; color: #d72727; float: right; margin-top: 30px;}
.m-company .company-box .com-info .more:hover{text-decoration: underline;}
.m-company .company-box .border{display: block; height: 275px; width: 911px; border: 3px solid #d72727; position: absolute; right: 0; bottom: 56px; z-index: 1;}
/*重点项目*/
.m-pro{min-width: 1200px;}
.m-pro .pro-nav{height: 176px; background-color: #fff; position: relative;}
.m-pro .pro-nav .bg-left{position: absolute; display: block; left: 0; top: 0; height: 176px; width: 30%; background-color: #d72727;}
.m-pro .pro-nav .bg-right{position: absolute; height: 176px; background-color: #f5f5f5; width: 70%; display: block; top: 0; right: 0;}
.m-pro .pro-nav .bg-top{display: block; height: 36px; background-color: #fff;}
.m-pro .pro-nav .bg-bottom{display: block; height: 142px;}
.m-pro .pro-nav .pro-title{position: absolute; z-index: 2; left: 0; width: 436px; height: 176px; background-image: url("../images/pro_bg.png"); background-position: right center; background-repeat: no-repeat;}
.m-pro .pro-nav .pro-title .box{width: 372px; height: 176px; background-color: #d72727; color: #fff; padding-top: 55px;}
.m-pro .pro-nav .pro-title .box .en{font-size: 30px; font-family: Arial Regular; margin-bottom: 5px;}
.m-pro .pro-nav .pro-title .box .cn{font-size: 24px; font-weight: bold;}
.m-pro .pro-nav .pro-title .box .cn:after{content: ''; display: inline-block; vertical-align: middle; width: 37px; height: 5px; background-color: #fff; margin-left: 20px;}
.m-pro .pro-nav .pro-nav-box{width: 825px; overflow: hidden; position: relative; z-index: 1; bottom: 0; text-align: right; margin-top: 36px; float: right; line-height: 140px;}
.m-pro .pro-nav .pro-nav-box a{display: inline-block; line-height: 40px; font-size: 16px; color: #666; margin: 0 15px;}
.m-pro .pro-nav .pro-nav-box a .line{display: block; width: 0; height: 1px; background-color: #d72727; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.m-pro .pro-nav .pro-nav-box a .cur{display: block; height: 10px; width: 18px; margin: 0 auto; opacity: 0; filter: alpha(opacity=0); background-image: url("../images/arrow.png"); background-position: center center; background-repeat: no-repeat;}
.m-pro .pro-nav .pro-nav-box a:hover .line,
.m-pro .pro-nav .pro-nav-box a.active .line{width: 100%;}
.m-pro .pro-nav .pro-nav-box a.active{color: #d72727;}
.m-pro .pro-nav .pro-nav-box a.active .cur{opacity: 1; filter: alpha(opacity=100); animation: arrowBounce infinite ease 3s;}
.m-pro .pro-list{margin: 0 auto;}
.m-pro .pro-list li{float: left; line-height: 0; font-size: 0;}
.m-pro .pro-list li a{display: block; position: relative; width: 380px; height: 335px; overflow: hidden;}
.m-pro .pro-list li a .img{height: 335px; width: 380px; overflow: hidden;}
.m-pro .pro-list li a .info{position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; overflow: hidden; background-color: rgba(215, 39, 39, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8d72727, 27, endColorstr=#C8d72727, 27); padding: 20px 25px; opacity:0; filter:alpha(opacity=0);}
.m-pro .pro-list li a .info .box{height: 100%; padding: 30px; background-image: url("../images/add.png"); background-position: center 63px; background-repeat: no-repeat; position:relative;}
.m-pro .pro-list li a .info .box:before,.m-pro .pro-list li a .info .box:after{content:'';display:block;width:100%;height:100%;left:0;top:0;transition:all .4s;position:absolute;box-sizing: border-box;}
.m-pro .pro-list li a .info .box:before{border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);}
.m-pro .pro-list li a .info .box:after{border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);}
.m-pro .pro-list li a .info .name{height: 84px; overflow: hidden; position: absolute; bottom: 20px; width: 274px; background-image: url("../images/line.png"); background-position: center top; background-repeat: repeat-x; text-align: center; font-size: 18px; color: #fff; line-height: 84px; transition:all .4s; opacity:0; filter:alpha(opacity=0); transform:translateY(100px);}
.m-pro .pro-list li a:hover .info{opacity:1; filter:alpha(opacity=100);}
.m-pro .pro-list li a:hover .info .box:before,.m-pro .pro-list li a:hover .info .box:after{transform:scale(1);}
.m-pro .pro-list li a:hover .info .name{opacity:1;filter:alpha(opacity=100);transform:translateY(0);}
@keyframes arrowBounce{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px);} 20%, 40%, 60%, 80%{-webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px);} 100%{-webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px);}}
/*新闻中心*/
.m-news{background-image: url("../images/m_bg.png"); background-position: center bottom; background-repeat: no-repeat;}
.news-box{margin-top: 29px;}
.news-box .news-list{max-height: 295px; overflow: hidden; margin-left: -50px;}
.news-box .news-item{margin-left: 49px;}
.news-box .more{display: block; width: 143px; height: 35px; border: 1px solid #d72727; text-align: center; line-height: 35px; background-color: #fff; margin: 27px auto 30px; color: #d72727;}
.news-box .more:hover{color: #c00; border-color: #c00;}
.news-item{display: block; width: 576px; height: 130px; overflow: hidden; float: left; position: relative; margin: 10px 0;}
.news-item .date{width: 94px; height: 88px; background-color: #d9d9d9; text-align: center; color: #fff; position: absolute; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.news-item .date .day{display: block; height: 58px; line-height: 58px; font-size: 30px;}
.news-item .date .month{display: block; border-top: 1px solid #fff; height: 30px; line-height: 30px; font-size: 16px;}
.news-item .info{height: 115px; margin-top: 13px; background-color: #f5f5f5; margin-left: 54px; padding: 9px 25px 18px 68px; height: 116px; overflow: hidden;}
.news-item .info .title{font-size: 16px; color: #333; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden;}
.news-item .info .line{display: block; height: 1px; width: 31px; background-color: #d72727; margin: 9px 0 12px;}
.news-item .info .content{height: 40px; overflow: hidden; line-height: 20px; font-size: 14px; color: #808080;}
.news-item:hover .date{background-color: #d72727;}
/*联系我们*/
.m-contact{min-width: 1200px; height: 382px; position: relative;}
.m-contact .map-box{height: 382px; width: 100%; overflow: hidden;}
.m-contact .contact{width: 353px; height: 437px; overflow: hidden; background-color: #d72727; color: #fff; position: absolute; z-index: 1000; top: 0; left: 0; padding: 50px 44px;}
.m-contact .contact .title-box{font-style: italic;}
.m-contact .contact .title-box .en{font-size: 30px; line-height: 40px;}
.m-contact .contact .title-box .cn{font-size: 24px;}
.m-contact .contact .title-box:after{content: ''; display: block; width: 47px; height: 2px; background-color: #fff; margin-top: 22px; margin-bottom: 32px;}
.m-contact .contact .lg-phone{font-size: 36px; font-style: italic; margin-bottom: 28px;}
.m-contact .contact .info p{position: relative; line-height: 20px; padding-left: 62px; font-size: 14px; margin: 7px 0;}
.m-contact .contact .info label{position: absolute; left: 0; padding-left: 20px; background-image: url("../images/self.png"); background-position: 0 3px; background-repeat: no-repeat; width: 62px;}
.m-contact .contact .info .phone label{background-position-y: -40px;}
.m-contact .contact .info .email label{background-position-y: -68px;}
/*底部*/
.footer{background-color: #333; padding-top: 54px;}
.footer .ft-top{height: 104px;}
.footer .ft-top .logo{display: block; line-height: 104px;}
.footer .ft-top .logo img{vertical-align: middle;}
.footer .ft-top .link-box{float: right; text-align: right; line-height: 104px;}
.footer .ft-top .link-box a{display: inline-block; margin-left: 38px; line-height: 24px; font-size: 16px; color: #ccc;}
.footer .ft-top .link-box a:after{content: ''; display: block; width: 15px; height: 1px; background-color: #d72727; margin-top: 5px;}
.footer .ft-top .link-box a:hover{color: #fff;}
.footer .copyright{height: 48px; line-height: 48px; background-color: #292929; text-align: center; color: #8c8c8c;}
.footer .copyright a{color: #8c8c8c;}
.footer .copyright a:hover{color: #ccc;}
/*内页*/
.inner .footer{padding-top: 0;}
.inner .footer .ft-top{height: 114px;}
.inner .footer .ft-top .logo{line-height: 114px;}
.inner .footer .link-box{line-height: 114px;}
.inner .u-secNav{font-size: 0; line-height: 0; margin: 27px 0 35px; margin-left: -17px;}
.inner .u-secNav a{display: inline-block;min-width: 157px;height: 41px;padding: 0 10px;background-color: #d72727;font-size: 16px;color: #fff;line-height: 41px;text-align: center;margin: 5px 17px;}
.inner .u-secNav a.active,
.inner .u-secNav a:hover{-webkit-box-shadow: 0 3px 2px #b2b2b2; -moz-box-shadow: 0 3px 2px #b2b2b2; box-shadow: 0 3px 2px #b2b2b2;}
.inner .news-list .news-item{float: none; width: 100%;}
.u-nav{height: 45px; line-height: 45px; border-bottom: 1px solid #d9d9d9;}
.u-nav li{display: inline-block; color: #666;}
.u-nav li a{color: #d72727;}
.u-nav li a:hover{text-decoration: underline;}
.u-nav li.home{background-image: url("../images/home.png"); background-position: left center; background-repeat: no-repeat; padding-left: 20px;}
.u-content{margin-bottom: 70px;}
.u-content .pro-list{overflow: auto; margin-left: -24px; margin-top: -31px;}
.u-content .pro-list li{float: left; margin-left: 24px; margin-top: 31px;}
.u-content .pro-list a{display: block; width: 384px; height: 335px; position: relative; overflow: hidden;}
.u-content .pro-list a .img{width: 384px; height: 335px; overflow: hidden;}
.u-content .pro-list a .info{position: absolute; left: 0; bottom: -53px; width: 100%; text-align: center; background-color: rgba(27, 27, 27, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c81b1b1b, 1b, endColorstr=#c81b1b1b, 1b); font-size: 18px; color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.u-content .pro-list a .info .name{height: 53px; line-height: 53px; overflow: hidden;}
.u-content .pro-list a .info .more{display: block; width: 154px; height: 30px; margin: 7px auto 16px; line-height: 30px; border: 1px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.u-content .pro-list a:hover .jqthumb{-webkit-filter: brightness(0.8);}
.u-content .pro-list a:hover .info{background-color: rgba(215, 39, 39, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8d72727, 27, endColorstr=#C8d72727, 27); bottom: 0;}
.u-content .title-box{text-align: center; padding: 15px 0;}
.u-content .title-box h2{margin-bottom: 15px; font-size: 22px; line-height: 30px; font-weight: normal; color: #333;}
.u-content .title-box p{font-size: 16px; color: #999;}
.u-content .detail-img{text-align: center; position: relative; margin: 10px 0;}
.u-content .detail-img a{position: absolute; display: block; width: 41px; height: 64px; top: 50%; background: url(../images/inner_scroll.png) no-repeat; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;}
.u-content .detail-img a:hover{opacity: 1; filter: alpha(opacity=100);}
.u-content .detail-img .debtn-prev{left: 0; background-position: 0 0;}
.u-content .detail-img .debtn-next{right: 0; background-position: -41px 0;}
.u-content .detail-con{padding: 10px 0; font-size: 14px;}
/*在线留言*/
.sub-message{padding: 50px 30px; background: #FFF; color: #333; font-family: "microsoft yahei";}
.sub-message .m-textimg{font-size: 14px; margin-bottom: 20px; line-height: 24px;}
.sub-message .m-textimg img{float: left; margin-right: 15px;}
.sub-message i{font-style: normal; display: inline-block; *display: inline; *zoom: 1; padding-right: 5px; color: #c00;}
.sub-message .m-tage{padding: 5px 0;}
.sub-message .m-form{padding: 10px; margin-bottom: 10px;}
.sub-message table{width: 100%;}
.sub-message .m-form table td{padding: 7px 0;}
.sub-message label{display: inline-block; width: 95px; height: 30px; line-height: 30px; text-align: right; position: relative; top: -1px; font-size: 14px;}
.sub-message .m-form table input{width: 60%; height: 28px; line-height: 28px; padding-left: 5px; vertical-align: middle;}
.sub-message .m-form .td-textarea{vertical-align: middle; width: 60%;}
.sub-message .m-form .td-textarea label{float: left;}
.sub-message .m-form .td-textarea textarea{width: 70%; height: 168px; padding: 5px;}
.sub-message .m-submit{text-align: right; vertical-align: top;}
.sub-message .m-submit img{margin-left: 5px; vertical-align: top;}
.sub-message .m-submit .btn{width: 80px; height: 28px; line-height: 24px; margin: 0; margin-left: 5px; border: none; font-family: "microsoft yahei"; cursor: pointer; font-size: 14px;}
.sub-message .m-submit .btn:hover{filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9;}
.sub-message .m-submit input{vertical-align: top; height: 24px; line-height: 24px; margin: 0; width: 80px; cursor: auto; padding-left: 5px;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{border: 1px solid #E1E1E1; background: #FFF;}
.sub-message .m-form{border: 1px solid #e0e0e0; background: #f5f3f3;}
.sub-message .m-submit .btn{color: #fff; background: #d72727;}